<div id="leftpanel">
    <div class="leftpanel-wrapper">
        <ul class="nav nav-pills nav-stacked">
            <li class="user-container">
                <a href="/backend">
                    <img src="/images/{{ userInfo.username }}.png">
                    {{ userInfo.username }}
                </a>
            </li>
            <li class="active">
                    <a href="/front">
                            <i class="icon-large icon-home"></i>
                            Dashboard
                    </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-large icon-file"></i>
                    Sample Layouts
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-large icon-random"></i>
                    User Interface
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-large icon-bar-chart"></i>
                    Charts &amp; Maps
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-large icon-check"></i>
                    Form Elements
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon-large icon-table"></i>
                    Tables
                </a>
            </li>
        </ul>
    </div>
</div>
